import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
//配置路径
import path from "path";

const site="wp-content/plugins/wp-magick-toolbox/"
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    //打包分析
    //visualizer({
    //  open: true, //注意这里要设置为true，否则无效
    //  filename: "stats.html", //分析图生成的文件名
    //  gzipSize: true, // 收集 gzip 大小并将其显示
    //  brotliSize: true, // 收集 brotli 大小并将其显示
    //}),
  ],
  build: {
    rollupOptions: {
      output: {
        // 指定 chunk 文件名（含导出的代码）
        //chunkFileNames: 'js/[name].js',
        // 指定静态资源文件名（不含导出的代码）
        //assetFileNames: 'assets/[name].[ext]',
        entryFileNames: "index.js",
        assetFileNames: "[name][extname]",
        chunkFileNames: "[name].js",
      },
    },
    //sourcemap: true,//保留映射关系，方便调试
  },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
  },
    //媒体资源打包前缀，避免图片无法正常显示
    base: site + "vite/admin/dist/",
      //代理
  server: {
    //host: "0.0.0.0",
    //port: 3000,
    //open: true,
    proxy: {
      "/api": {
        target: "http://localhost:10029/",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ""),
      },
    },
  },
});
